<template>
  <div class="app-container">
    <el-page-header @back="backUp" class="backUp" :content="title"></el-page-header>
    <user v-if="type==1" :entry='2'></user>
    <resume v-else-if="type==2" :entry='2'></resume>
    <withdrawal v-else-if="type==3" :entry='2'></withdrawal>
    <nopost v-if="type==4" :entry='2'></nopost>
    <company v-else-if="type==5" :entry='2'></company>
    <post v-else-if="type==6" :entry='2'></post>
  </div>
</template>

<script>
import formOperate from '@/layout/mixin/formOperate'
import user from '../components/myTaskUser/user'
import withdrawal from '../components/myTaskUser/withdrawal'
import resume from '../components/myTaskUser/resume'
import post from '../components/myTaskCompany/post'
import nopost from '../components/myTaskCompany/nopost'
import company from '../components/myTaskCompany/company'
export default {
  name: 'Index',
  mixins: [formOperate],
  data() {
    return {
      title:'',
      type:''
    }
  },
  mounted() {
    this.type = this.$route.query.type
    this.title = this.$route.query.title
  },
  methods: {
    backUp() {
      this.$router.go(-1)
    }
  },
  components:{
    user,
    resume,
    withdrawal,
    post,
    nopost,
    company
  }
}
</script>
<style lang="scss" scoped>
  .backUp{
    margin-bottom:20px;
  }
</style>